<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /**
         *  v-for的优先级高
         * 
         *  1.永远不要把 v-if 和 v-for 同时⽤在同⼀个元素上，带来性能⽅⾯的浪费（每次渲染都会先 。
            循环再进⾏条件判断）
            2. 如果避免出现这种情况，则在外层嵌套 template （⻚⾯渲染不⽣成 dom 节点），在这⼀层进⾏
            v-if判断，然后在内部进⾏v-for循环

            <template v-if="isShow">
                <p v-for="item in items">
            </template>
         * **/ 
    </script>
</body>
</html>